<template>
	<view class="article">
		<Navbar>协议</Navbar>
		<scroll-view scroll-y class="scroll_view">
			<u-parse :content="content" :previewImg="false"></u-parse>
		</scroll-view>
	</view>
</template>

<script>
	import {
		setting
	} from '@/request/api.js';
	export default {
		data() {
			return {
				type: "",
				content: ""
			};
		},
		async onLoad(option) {
			this.type = option.key ?? "about";
			let {
				data
			} = await setting({
				key: this.type
			});
			this.content = data?.content;
		}
	}
</script>

<style lang="scss" scoped>
	.article {
		height: 100vh;
		background: #29170D;

		.scroll_view {
			height: calc(100vh - #{$navbarHeight});
			color: #CCCCCC;
			font-size: 28rpx;
			font-weight: 400;
			font-family: SimSun;
			padding: 30rpx;
			box-sizing: border-box;
		}
	}
</style>